<!DOCTYPE html>
<html>

<head>
	<title>steprogress</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
	<link rel="stylesheet" type="text/css" href="steprogress.css">
	<style>
		.container{
			width: 100%;
			height: 200px;
		}
	</style>
</head>

<body>
	<div class="container">
		<div id="steprogress"></div>
	</div>

</body>

<script type="text/javascript" src="steprogress.js"></script>
<script>
	/*
	total    //总step数 5;
	title    //step的标题 [1, 2, 3, 4, 5];
	content  //step的内容 ['one', 'two', 'three', 'four', 'five'];
	min      //最小值 0;
	max      //最大值 100;
	current  //当前值 60;
	 */
	Steprogress({
		current: 70,
		min: 0,
		max: 100,
		total: 5,
		title: [0, 30, 50, 75, 100],
		content: ['200', '190', '180', '170', '160'],
	}).show();
</script>

</html>